<ion-header *ngIf="!isLJModel">
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button appDebounceClick (debounceClick)="cancel()">
                <!-- <ion-icon name="close" class="close-icon"></ion-icon> -->
                <img src="../assets/icon/nav_icon_close@3x.png" class="backBtnStyle">
            </ion-button>
        </ion-buttons>
        <ion-title>{{data.label}}</ion-title>
        <ion-buttons slot="end">
            <ion-button appDebounceClick (debounceClick)="dismiss()" class="text-color-orange">
                确定
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content class="relative" scroll-y="false">
    <div style="display: flex;height: 100%;" [ngStyle]="this.data?.link?.params?.listBoxCssStyle|styleFilter">

        <!--行业、区域 二级联动 -->
        <ng-container *ngIf="this.cssType==='secondaryLinkage'">
            <ul id="{{bigNameId}}" class="content" [ngClass]="{'content-lj': isLJModel}">
                <ng-container *ngFor="let indus of list;let i = index;">
                    <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16"
                        [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                        <span>{{indus.label}}</span>
                        <!--一共 选中了几个-->
                        <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
                    </li>
                </ng-container>
            </ul>
            <ul class="smallIndus" [ngClass]="{'smallIndus-lj': isLJModel}" *ngIf="bigIndus">
                <li class="smallIndus-li" *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                    <span class="smallName f16" [ngClass]="{'checked':item.selected}">{{item.label}}</span>
                    <!--选中图标-->
                    <img *ngIf="item.selected" class="check-img" src="assets/fw/checkbox.png" />
                    <img *ngIf="!item.selected" class="check-img" src="assets/fw/uncheckbox.png" />
                </li>
            </ul>
        </ng-container>

        <!-- 整租、合租 流式按钮布局-->
        <ng-container *ngIf="this.cssType==='streamingLayout'">
            <ng-container *ngFor="let item of list;let dataIndex = index;">
                <p class="streaming-title" [ngStyle]="this.data.link.params.titleCssStyle|styleFilter">
                    <ng-container *ngIf="item.title">
                        {{item.title}}
                    </ng-container>
                </p>
                <div class="streaming-box" [ngStyle]="this.data.link.params.innerBoxCssStyle|styleFilter">
                    <ng-container *ngFor="let it of item.dropDownList?.item">
                        <ng-container *ngIf="it.selected===true">
                            <span class="streaming-span" *ngIf="it.displayName"
                                appDebounceClick (debounceClick)="selectedType($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                [ngStyle]="this.data.link.params.checkCssStyle|styleFilter">{{it.displayName}}</span>
                        </ng-container>
                        <ng-container *ngIf="it.selected===false">
                            <span class="streaming-span" *ngIf="it.displayName"
                                appDebounceClick (debounceClick)="selectedType($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                [ngStyle]="this.data.link.params.normalCssStyle|styleFilter">{{it.displayName}}</span>
                        </ng-container>
                    </ng-container>
                </div>
            </ng-container>
        </ng-container>

        <!--1.9.20 新增是否住家筛选流式布局-->
        <ng-container *ngIf="this.cssType==='rangeStreamingLayout'">
            <ng-container *ngFor="let item of list;let dataIndex = index;">
                <p class="streaming-title" [ngStyle]="this.data.link.params.titleCssStyle|styleFilter">
                    <ng-container *ngIf="item.title">
                        {{item.title}}
                    </ng-container>
                </p>
                <div class="streaming-box" [ngStyle]="this.data.link.params.innerBoxCssStyle|styleFilter">
                    <ng-container *ngFor="let it of item.dropDownList?.item">
                        <ng-container *ngIf="it.selected===true">
                            <span class="streaming-span" *ngIf="it.displayName"
                                appDebounceClick (debounceClick)="selectedType($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                [ngStyle]="this.data.link.params.checkCssStyle|styleFilter">{{it.displayName}}</span>
                        </ng-container>
                        <ng-container *ngIf="it.selected===false">
                            <span class="streaming-span" *ngIf="it.displayName"
                                appDebounceClick (debounceClick)="selectedType($event,it,item.dropDownList.item,dataIndex,this.data.link.params.singleMode!==undefined)"
                                [ngStyle]="this.data.link.params.normalCssStyle|styleFilter">{{it.displayName}}</span>
                        </ng-container>
                    </ng-container>
                </div>
            </ng-container>
        </ng-container>

        <!-- 租金、面积 自定义输入框-->
        <ng-container *ngIf="this.cssType==='customArea'">
            <p class="streaming-title" [ngStyle]="this.data.link.params?.titleCssStyle|styleFilter">
                {{this.data.link.params?.title}}
            </p>
            <ng-container *ngIf="!this.data.link.params?.hiddenMinMax">
                <div class="min-max-box" [ngStyle]="this.data.link.params?.inputBoxCssStyle | styleFilter">
                    <ion-input class="min-max-input" [ngStyle]="this.data.link.params?.minInputCssStyle | styleFilter"
                        type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                        [(ngModel)]="minInputValue" [maxlength]="this.data.link.params?.minMaxLength"
                        [attr.placeholder]="this.data.link.params?.minPlaceholder"
                        appDebounceClick (debounceClick)="customAreaRentClick($event)">
                    </ion-input>
                    <span class="middle-flag">至</span>
                    <ion-input class="min-max-input" [ngStyle]="this.data.link.params?.maxInputCssStyle | styleFilter"
                        type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                        [(ngModel)]="maxInputValue" [maxlength]="this.data.link.params?.maxMaxLength"
                        [attr.placeholder]="this.data.link.params?.maxPlaceholder"
                        appDebounceClick (debounceClick)="customAreaRentClick($event)">
                    </ion-input>
                </div>
            </ng-container>
            <div class="streaming-box" [ngStyle]="this.data.link.params.innerBoxCssStyle|styleFilter">
                <ng-container *ngFor="let it of this.list;let dataIndex = index;">
                    <ng-container *ngIf="it.selected===true">
                        <span class="streaming-span" *ngIf="it.displayName"
                            appDebounceClick (debounceClick)="selectedArea($event,it,this.data.link.params.singleMode!==undefined)"
                            [ngStyle]="this.data.link.params.checkCssStyle|styleFilter">{{it.displayName}}</span>
                    </ng-container>
                    <ng-container *ngIf="it.selected===false">
                        <span class="streaming-span" *ngIf="it.displayName"
                            appDebounceClick (debounceClick)="selectedArea($event,it,this.data.link.params.singleMode!==undefined)"
                            [ngStyle]="this.data.link.params.normalCssStyle|styleFilter">{{it.displayName}}</span>
                    </ng-container>
                </ng-container>
            </div>
        </ng-container>

        <!--默认样式-->
        <ng-container *ngIf="this.cssType===undefined">
            <ul class="content" [ngClass]="{'content-lj': isLJModel}">
                <ng-container *ngFor="let indus of list">
                    <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16"
                        [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                        <span>{{indus.label}}{{indus.checkLen}}1</span>
                        <!--一共 选中了几个-->
                        <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
                    </li>
                </ng-container>
            </ul>

            <ul class="smallIndus" [ngClass]="{'smallIndus-lj': isLJModel}" *ngIf="bigIndus">
                <li class="smallIndus-li" *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
                    <span class="smallName f16" [ngClass]="{'checked':item.selected}">{{item.label}}</span>
                    <!--选中图标-->
                    <img *ngIf="item.selected" class="check-img" src="assets/fw/checkbox.png" />
                    <img *ngIf="!item.selected" class="check-img" src="assets/fw/uncheckbox.png" />
                </li>
            </ul>
        </ng-container>

    </div>
    <ng-container *ngIf="isLJModel">
        <div class="footer-bg">
            <div class="footer"></div>
            <div class="btn-bg">
                <div appDebounceClick (debounceClick)="reset()" class="btn-reset"><i class="btn-reset-i"></i><span class="btn-reset-span">重置</span></div>
                <div class="btn-sure" appDebounceClick (debounceClick)="dismiss()">确定</div>
            </div>
        </div>
    </ng-container>
</ion-content>